<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
	/>
	<link rel="stylesheet" href="../../css/reset.css" />
	<link rel="stylesheet" href="../../css/Publi.css" />
	<link rel="stylesheet" href="../../css/public.css" />
	<link rel="stylesheet" href="../../css/change_back.css" />
	<link rel="stylesheet" href="../../css/List_detail.css" />
	<title>改签选择航班列表详情</title>
</head>
<script type="text/javascript">
	if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
		var version = parseFloat(RegExp.$1);
		if (version > 2.3) {
			var phoneScale = parseInt(window.screen.width) / 750;
			document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' +
				phoneScale + ', target-densitydpi=device-dpi">');
		} else {
			document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
		}
	} else {
		document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
	}
</script>

<body>
	<div class="air_bg">
		<div class="air_details br_10">
			<div class="flight_box">
				<div class="flight clear">
					<img class="flight_logo" src="../../upload/icon_air_logo.png" />
					<label class="c153 f_24">
						<span>联航KN5955</span>
						<a href="javascript:;">共享</a>|
						<span>波音737(中)</span>
					</label>
					<div class="flight_time f_24 ">
						<img class="icon_clock" src="../../images/icon_clock.png" />
						<label>12h25m</label>
					</div>
				</div>
				<!--------------航班信息详细时间------------------------>
				<div class="flight_detail_time clear">
					<div class="start_time text_r">
						<label class="day f_20">11-04 周六</label>
						<label class="hours">19:10</label>
						<label class="place f_24">双流机场T1</label>
					</div>
					<div class="change_line text_c">
						<label class="change_tip">
							<span class="f_24 ">转</span>
						</label>
						<label class="change_place f_24">哈沙克斯坦</label>
					</div>
					<div class="start_time text_l">
						<label class="day f_20">11-04 周六</label>
						<label class="hours">19:10</label>
						<label class="place f_24">双流机场T1</label>
					</div>
				</div>
			</div>
			<div class="flight_see">
				<label class="f_24 c136">准点率：70% 有餐食</label>
				<a class="return_detail f_24" href="javascript:;">中转详情 ></a>
			</div>
		</div>
		<!---->
	</div>
	<!-- ----------航班价格列表------------------- -->
	<div class="air-price-list bg_fff">
		<ul>
			<li class="flight_list clear">
				<div class="flight_d_list text_l">
					<div class="money clear">
						<span class="price">
							<small>￥</small>64
						</span>
						<p class="direct-logo">
							<span class="logo">
								<img src="../../upload/img.png" alt="logo">
							</span>
							<span class="name">中国东方航空</span>
						</p>
						<span class="direct-txt">直营</span>
					</div>
					<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
				</div>
				<div class="flight_d_list text_r order_tick">
					<label class="tiket f_24 mar_r_20">剩4张</label>
					<input class="order br_8 br_shdow" type="button" value="确定" />
				</div>
			</li>
			<li class="flight_list clear">
				<div class="flight_d_list text_l">
					<div class="money clear">
						<span class="price">
							<small>￥</small>64
						</span>
						<p class="discount">
							<span class="tag">惠</span>
							<span class="content">商务舱特价</span>
						</p>
					</div>
					<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
				</div>
				<div class="flight_d_list text_r order_tick">
					<label class="tiket f_24 mar_r_20">剩4张</label>
					<input class="order br_8 br_shdow" type="button" value="确定" />
				</div>
			</li>
		</ul>
	</div>
	<!--------------------中转详情------------------------------->
	<div class="mask_layer "></div>
	<div class="mask_main ">
		<section>
			<!-------中转站点1--------->
			<div class="transfer_place br_10">
				<h3>
					<label>10-31 周二 成都—上海 | 中转站</label>
					<span class="twice">1</span>
				</h3>
				<!--左边时间-->
				<div class="transfer_detail clear">
					<div class="trans_time">
						<div class="transfer_time">
							19:20
							<span class="f_24">(抵达)</span>
						</div>
						<div class="transfer_time  trans_color  aend_time">
							20:20
							<span class="f_24">(出发)</span>
						</div>
					</div>
					<!-----右边地点------>
					<div class="trans_place">
						<p class="transfer_airport">双流机场T1</p>
						<p class="transfer_change clear">
							<span class="transfer_site">乌鲁木齐</span>
							<span class="time">
								<img class="icon_time" src="../../images/icon_clock_active.png" />停留时间:
								<span class="stop_time">8h35m</span>
							</span>
						</p>
						<p class="aend_place">双流机场T1</p>
					</div>
					<div class="change_zhuan">转</div>
				</div>
			</div>
			<!-------------中转站点2--------------------->
			<div class="transfer_place br_10">
				<h3>
					<label>10-31 周二 成都—上海 | 中转站</label>
					<span class="twice">2</span>
				</h3>
				<!--左边时间-->
				<div class="transfer_detail clear">
					<div class="trans_time">
						<div class="transfer_time">
							19:20
							<span class="f_24">(抵达)</span>
						</div>
						<div class="arr_time ">11-01 周四</div>
						<div class="transfer_time trans_color aend_time">
							20:20
							<span class="f_24">(出发)</span>
						</div>
					</div>
					<!-----右边地点------>
					<div class="trans_place">
						<p class="transfer_airport">双流机场T1</p>
						<p class="transfer_change clear">
							<span class="transfer_site">乌鲁木齐</span>
							<span class="time">
								<img class="icon_time" src="../../images/icon_clock_active.png" />停留时间:
								<span class="stop_time">8h35m</span>
							</span>
						</p>
						<p class="aend_place">双流机场T1</p>
					</div>
					<div class="change_zhuan">转</div>
				</div>
			</div>
			<!---------规则--------->
			<div class="rule">
				<div class="rule_main">
					<h3 class="rule_title">中转预定须知</h3>
					<h4>一、税费及航空公司</h4>
					<p>1.每段航班均需缴纳机场建设费和燃油税；</p>
					<p>2.每段航班均需缴纳机场建设费和燃油税；每段航班均需缴纳机场建设费和燃油税。</p>
					<h4>二、税费及航空公司</h4>
					<p>1.每段航班均需缴纳机场建设费和燃油税；</p>
					<p>2.每段航班均需缴纳机场建设费和燃油税；每段航班均需缴纳机场建设费和燃油税。</p>
					<p>2.每段航班均需缴纳机场建设费和燃油税；每段航班均需缴纳机场建设费和燃油税。</p>
				</div>
			</div>
		</section>
		<!------底部---------------->
		<div class="footer">
			<img class="icon_exit" src="../../images/icon_exit.png" />
		</div>
	</div>

	<!--退改签详情-->
	<div class="change-back">
		<div class="change-box">
			<div class="tips">
				<div class="tips_content">
					<span class="tips_title">出票时长</span>
					<p>预计支付成功后123分钟内出票</p>
				</div>
				<div class="tips_content">
					<span class="tips_title">行李额</span>
					<p>第一程 免费托运行李额限 20kg </p>
					<p class="mar_l_125">第一程 免费托运行李额限 20kg</p>
				</div>
			</div>
			<!---->
			<h4 class="return_title">第一程成人退改签说明</h4>
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td style="width: 170px;">
						<label>产品退订费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>产品同舱更改费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>套餐签转</label>
					</td>
					<td>
						<label>不支持套餐签转。</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>备注</label>
					</td>
					<td>
						<label>改期费和升舱费同时发生时，需同时收取，具体以实际订单为准。</label>
					</td>
				</tr>
			</table>
			<h4 class="return_title">第二程成人退改签说明</h4>
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<label>产品退订费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>产品同舱更改费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>套餐签转</label>
					</td>
					<td>
						<label>不支持套餐签转。</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>备注</label>
					</td>
					<td>
						<label>改期费和升舱费同时发生时，需同时收取，具体以实际订单为准。</label>
					</td>
				</tr>
			</table>

		</div>
		<footer>
			<label>
				<span class="f_24">￥</span>
				<span class="price">800123</span>
			</label>
			<a href="javascript:;">预订</a>
		</footer>
	</div>


	<!-- 安全支付弹窗 -->
	<div class="mask "></div>
	<div id="js-payment-popup" class="payment-popup ">
		<div class="popup-tit">
			<h3>正在为您创建安全支付</h3>
		</div>
		<p class="roll-line">
			<span></span>
		</p>
		<div class="payment-info">
			<div class="trip">
				<i class="icon-address-333"></i>
				<h3>
					<span>成都</span>
					——
					<span>上海</span>
				</h3>
				<p>11月04日（周六） 20:24起飞</p>
				<p class="mb30">中国联航 KN5986</p>
				<p>返：11月04日（周六） 20:24起飞</p>
				<p class="mb30 ml50">中国联航 KN5986</p>
			</div>
			<div class="personnel clear">
				<i class="icon-pers-333"></i>
				<p>姓名1</p>
				<p>姓名2</p>
				<p>姓名3</p>
				<p>姓名4</p>
			</div>
			<div class="personnel">
				<i class="icon-pers-333"></i>
				<div>
					<span>姓名1</span>、
					<span>姓名2</span>、
					<span>姓名3</span>、
					<span>姓名4</span>、
					<span>姓名5</span>、
					<span>姓名6</span>
				</div>
			</div>
			<div class="info">
				<i class="icon-info-333"></i>
				<ul>
					<li class="box">
						<p class="flex66">机票</p>
						<p class="flex30 text-right c-00b3cd">
							<sub>￥</sub>
							<span>450</span>X
							<span>3</span>
						</p>
					</li>
					<li class="box">
						<p class="flex66">原订单</p>
						<p class="flex30 text-right c-fe6b6a">-
							<sub>￥</sub>
							<span>280</span>
							<span>3</span>
						</p>
					</li>
					<li class="box pb15">
						<p class="flex66">改签手续费</p>
						<p class="flex30 text-right c-00b3cd">
							<sub>￥</sub>
							<span>230</span>
						</p>
					</li>
					<li class="box">
						<p class="flex66">应付总额</p>
						<p class="flex30 text-right c-00b3cd">
							<sub>￥</sub>
							<span>1450</span>
						</p>
					</li>
				</ul>
			</div>
		</div>
	</div>

</body>
<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../js/list_detail.js"></script>
<script type="text/javascript" src="../../js/public.js"></script>

</html>